// JavaScript Document

var pointer;
var map;

function init($x,$y){
	
			$('#frm_locatie_zoeken').bind('click', function(){
													 
													 zoekPlaats($('#frm_locatie').val());
													 
													 });
	
          	if (GBrowserIsCompatible())
		{
			// Map opladen in bepaald gebied.	
			map = new GMap2(document.getElementById("map_canvas"));
				
			// Geef de map knoppen (inzoomen, uitzoomen, landkaart, satelietkaart...).
			map.setUIToDefault();
			map.addControl(new GMapTypeControl());
			
			// Zet de map naar Antwerpen en zoom in op bepaalte sterkte.
			var mapcenter = new GLatLng($x, $y);
			map.setCenter(mapcenter, 15);
			
			
	

			
		

			// Zet de marker op de map.
			pointer = new GMarker(mapcenter,{draggable: true}); //, {draggable: true});
			
			map.addOverlay(pointer);
		}

		GEvent.addListener(pointer, "dragstart", function()
		{
         		map.closeInfoWindow();
    		});
		
		

          GEvent.addListener(pointer, "dragend", function(){getCor()});
		
		
	}


	function zoekPlaats(invoer) {
				// geocoding
			
			
	
		geocoder = new GClientGeocoder();
		
		if (geocoder) {
			geocoder.getLatLng(invoer, function(point) {
				if (!point) {
					
						alert("deze locatie kan niet gevonden worden");
				
            			} else {
							map.removeOverlay(pointer);
              				map.setCenter(point, 15);
              				pointer = new GMarker(point,{draggable: true});
             				map.addOverlay(pointer);
							var coordinates = pointer.getPoint();
			
							map.panTo(coordinates);
			
			
							$('#frm_x').attr('value',coordinates.lat().toFixed(5));
							$('#frm_y').attr('value', coordinates.lng().toFixed(5));
              				GEvent.addListener(pointer, "dragend", function(){getCor()});
            			}
          		}
        		);
      	}
	}



	function getCor()	{
			var coordinates = pointer.getPoint();
			
			map.panTo(coordinates);
			
			
			$('#frm_x').attr('value',coordinates.lat().toFixed(5));
			$('#frm_y').attr('value', coordinates.lng().toFixed(5));
			
			
		}
